*{font-family: "微软雅黑"; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;resize:none}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
body{ width:100%; height:100%;  margin:auto; background-color:#fff;}
/*head*/
.head{ width: 100%;background-color: #333333; height: 100px;}
.headbox{ width: 1200px;margin: auto; display: table;}
.head-le{ float: left; display: flex;align-items: center;justify-content: center;height: 100px; width: 175px;}
.head-le img{ height: 50px;}
.head-ri{ float: right; width: 864px; height: 100px;}
.head-ri li{position: relative; float: left; width: 96px; height: 100px;}
.head-ri li a{ color: #fff;text-align: center; font-size: 16px;line-height: 100px;}
.head-ri li a:hover{ color:#e00904; 
	 transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.head-ri li.active{  background-color: #fff;}
.head-ri li.active a{color: #e00904;}
.head-ri li.active:before{content:""; width: 96px;position: absolute;bottom: 0;height: 4px; background-color:#e00904;}
/*在线咨询*/
.qqzhixun{position: fixed;right: 0;top:270px; padding: 3px 3px 0 3px;  width:110px; background-color: #e00904; border-radius: 5px;z-index: 100;}
.qqzhixunbox{position: relative; width: 110px; float: right;}
.qqzhixun-qq{ float: left; width: 100%; background-color: #FFF;border-radius: 5px; height: 90px; color: #0099ff; font-size: 12px; text-align: center;line-height: 32px;margin-bottom: 2px; }
.qqzhixun-qq img{ width: 40px; margin: auto; display: block; margin-top: 10px}
.qqzhixun-qq a{ color: #0099ff;}
.qqzhixun-qqs{ cursor:pointer;float: left; width: 100%; display: flex;align-items: center;justify-content: left; height: 40px;line-height: 40px; background-color: #FFF;border-radius: 5px;color: #0099ff; font-size: 12px; margin-bottom: 2px;}
.qqzhixun-qqs img{ width: 30px; height: 34px; margin-right: 4px; margin-left: 10px;}
.qqzhixun-qqs a{ color: #333;}
.qqzhixun-qqsa{ float: left; width: 100%; height: auto; padding-top: 5px; text-align: left; background-color: #FFF;border-radius: 5px;color: #333; font-size: 16px; margin-bottom: 2px;}
.qqzhixun-qqsa img{ width: 30px; height: 34px; margin-left: 4px;}
.qqzhixun-qqsa p{ text-align: center; width: 100%; color: #333; font-size: 14px;}
.qqzhixun-qqsav{ float: left; background-color: #fff; height: 140px;text-align: center;line-height: 20px; font-size: 12px; color: #666;border-radius: 5px; margin-bottom: 3px;}
.qqzhixun-qqsav img{ margin: auto; display: block; width: 110px; margin-top: 4px;}
.qqzhixun-right{position: absolute;cursor:pointer; left:-23px; background-color: #e00904;top:100px; display: flex;  align-items: center; width: 20px; height: 100px; border-top-left-radius: 5px;border-bottom-left-radius: 5px; color: #fff; font-size: 12px; writing-mode: vertical-lr; writing-mode: tb-lr;}
.qqzhixun-right img{ width: 24px; height: 24px; margin: auto;  display: block;}
/*轮播图*/
.banner-lit{ width:180px; height:500px; position:absolute; top:40px; right:0; z-index:10001; background-color:#fff; overflow: hidden;}
.banner-lit img{ width: 180px; height: 220px;}
.banner .flexslider { position: relative; width: 100%; height: 500px; overflow: hidden;  z-index:1}
.banner .slides { position: relative; z-index: 1;}
.banner .slides li { height: 500px;}
.banner .slides li a{ width:100%; height:500px; display:block;}
.banner .flex-control-nav { position: absolute; bottom: 30px; z-index: 2; width:100%; text-align: center;}
.banner .flex-control-nav li { display: inline-block; width: 10px; height: 10px; margin: 0 5px; *display: inline; zoom: 1;}
.banner .flex-control-nav a { display: inline-block; width: 10px; height: 10px; line-height: 40px; overflow: hidden; -webkit-border-radius: 100%; border-radius:100%; cursor: pointer; background-color:#fff; font-size:0;}
.banner .flex-control-nav .flex-active { background-color:#e00904;}
.banner .flex-direction-nav{ position: absolute; z-index: 10001; width: 100%;}
.banner .flex-direction-nav a{ display: block; position: absolute; font-size: 0;}
.banner .flex-direction-nav .flex-prev { width: 45px; height: 120px; background:  url("../images/icon-le.png") no-repeat 40% 50%; left: 50%; top: 50%; margin: 190px 0 0 -48%;}
.banner .flex-direction-nav .flex-next { width: 45px; height: 120px; background:  url("../images/icon-ri.png") no-repeat 40% 50%; right: 50%; top: 50%; margin: 190px  -48% 0 0;}
.banner .flexslider:hover .flex-prev {
    transition:All 0.5s ease-in-out;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out; background: rgba(0,0,0,.6) url("../images/icon-le.png") no-repeat 40% 50%; left: 50%; top: 50%; margin: 190px 0 0 -48%;}
.banner .flexslider:hover .flex-next { transition:All 0.5s ease-in-out;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out; background: rgba(0,0,0,.6) url("../images/icon-ri.png") no-repeat 40% 50%; right: 50%; top: 50%; margin: 190px -48% 0 0;}
.banner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
.banner .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/*footer*/
.footer{background-color: #333333; width: 100%; color: #Fff; float:left; }
.footerbox{margin: auto; display:table; width: 1200px; padding-top: 30px;}
.footer-le{ float:left; width: 730px;position: relative;}
.footer-le .footer-lebox{ float:left; width: 25%; text-align: left;}
.footer-le .footer-lebox li{ width: 100%; float: left;line-height: 40px; }
.footer-le .footer-lebox li.active{font-size: 20px;}
.footer-le .footer-lebox li a{ color:#fff;font-size: 12px;}
.footer-le .footer-lebox li a:hover, .footer-bot div a:hover{ color:#e00904;    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;}
.footer-ri{ float: right; width: 380px; padding-right: 40px; margin-top: 10px;}
.footer-ri1{ float: left; width: 205px; height: auto;}
.footer-ri1 .footer-ritel{ float: left; width: 100%;  font-size: 20px; margin-bottom: 10px;}
.footer-ri1 .footer-ritel img{ width: 24px;height:24px; float: left; margin-right: 8px; margin-top: 1px;}
.footer-ri1 .footer-ritels{ font-size: 20px; float: left; width: 100%; margin: 2px 0 2px 0;}
.footer-ri1 .footer-riqq{ float: left;width: 100%; font-size: 12px;}
.footer-ri1 .footer-radd{float: left;width: 100%;position: relative; font-size: 12px;margin: 12px 0 10px 0; line-height: 22px;}
.footer-ri1 .footer-radd div{ width: 165px;right: 0;top:0; position: absolute;}
.footer-ri2{ float: right;}
.footer-ri2 .footer-riimg{ font-size: 12px; text-align: center;line-height: 30px;}
.footer-ri2 .footer-riimg img{ margin: auto; display: block; width: 80px; height: 80px;}
.footer-bot{ float: left; width: 100%; padding: 20px 0 20px 0; border-top: 1px solid #434343; margin-top: 6px;}
.footer-bot div{ font-size: 12px;float: left; height: 22px;line-height: 22px; margin-right: 10px;}
.footer-bot div a{ color: #fff;font-size: 12px;line-height: 22px;}
.foxi{background-color: #434343; width: 1px; height: 175px;position: absolute;right: 30px;top:14px;}